<template>
  <div class="particles-js-box">
    <div id="particles-js"></div>
  </div>
</template>

<script>
/* eslint-disable */
import particlesJs from "particles.js";
import particlesConfig from "./particles.json";
export default {
  data() {
    return {};
  },
  mounted() {
    this.init();
  },
  methods: {
    init() {
      particlesJS("particles-js", particlesConfig);
      document.body.style.overflow = "hidden";
    }
  }
} ;
</script>

<style scoped>
.particles-js-box{
  position:fixed;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  z-index:1;
}
#particles-js{
  /*background-color: #2d3a4b;*/
  background-image: linear-gradient(to right, #162231 , #4f5f6f);
  width: 100%;
  height: 100%;
}
</style>